<div id="preHeader">
	<div id="preHeaderContent">
		<ul id="editModeInfo">
			<g:if test="${session.editEnabled}">
				<li>
					<div id="editModeText">
						<div class="verticalCenter"><div class="editModeTitle">Signed In: Test User &nbsp</div></div>
					</div>
				</li>
				<li>
					<div class="verticalCenter">
						<g:link controller="admin" action="administrationOptions">
							<div class="editModeLink leftLink">Account Options</div>
						</g:link>
					</div>
				</li>
				<li>
					<div class="verticalCenter">
						<g:link controller="admin" action="administrationOptions">
							<div class="editModeLink leftLink">Admin Settings</div>
						</g:link>
					</div>
				</li>
				<li>
					<div class="verticalCenter">
						<g:link controller="admin" action="disableEdit">
							<div class="editModeLink rightLink">Log Out</div>
						</g:link>
					</div>
				</li>
			</g:if>
			<g:else>
				<li>
					<div id="editModeText">
						<div class="verticalCenter"><div class="editModeTitle">Admin Options &nbsp</div></div>
					</div>
				</li>
				<li>
					<div class="verticalCenter">
						<g:link controller="admin" action="administrationOptions">
							<div class="editModeLink leftLink">Create Account</div>
						</g:link>
					</div>
				</li>
				<li>
					<div class="verticalCenter">
						<g:link controller="admin" action="administrationOptions">
							<div class="editModeLink leftLink">Log In</div>
						</g:link>
					</div>
				</li>
			</g:else>
		</ul>
	</div>
</div>
<div class="darkLine"></div>
<div class="lightLine"></div>
<div id="upper-header">
	<div class="header-content">
		<div id="revision-icon">
			<img src="${resource(dir:"images", file: "title-raised.png")}"/>
		</div>
		
		<div id="social-links">
			<ul>
				<li><img src="${resource(dir:"images", file: "facebook.png")}" /></li>
				<li><img src="${resource(dir:"images", file: "twitter.png")}" /></li>
				<li><img src="${resource(dir:"images", file: "linkedin.png")}" /></li>
			</ul>
		</div>
	</div>
</div>
<div class="darkLine"></div>
<div class="lightLine"></div>
<div id="lower-header">
	<div class="header-content">
		<div id="header-links">
			<ul>
				<li>
					<g:link class="button" controller="home" action="home">Home</g:link>
				</li>
				<li>
					<g:link class="button" controller="gallery" action="gallery">Gallery</g:link>
				</li>
				<li>
					<g:link class="button" >Contact Us</g:link>
				</li>
				<li>
					<g:link class="button" >Request Appointment</g:link>
				</li>
				<li>
					<g:link class="button" >About Us</g:link>
				</li>
			</ul>
		</div>
	</div>
</div>
<div class="lightLine"></div>
<div class="darkLine" style="margin-bottom: 20px;"></div>
